<template>
	<scroll-view scroll-y="true" class="com">
		<view class="box">
			<navigator url="/pages/user/releaseNew" class="li">
				<image src="../../static/imgs/bacs.png"></image>
				<view class="p">
					发布新房
				</view>
			</navigator>
			<navigator url="" class="li">
				<image src="../../static/imgs/bacs.png"></image>
				<view class="p">
					发布二手房
				</view>
			</navigator>
			<navigator url="" class="li">
				<image src="../../static/imgs/bacs.png"></image>
				<view class="p">
					发布出租商铺写字楼
				</view>
			</navigator>
			<navigator url="" class="li">
				<image src="../../static/imgs/bacs.png"></image>
				<view class="p">
					发布出售商铺写字楼
				</view>
			</navigator>
			<navigator url="" class="li">
				<image src="../../static/imgs/bacs.png"></image>
				<view class="p">
					发布出租房
				</view>
			</navigator>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		data() {
		  return {}
		  },
		methods: {
			
		},
		onLoad() {
		
		}
	}
</script>

<style scoped lang="less">
	.com{
		.box{
			border-top: 1rpx solid #fff;
			padding-bottom: 20rpx;
		}
		.li{
			display: block;
			width: 662rpx;
			height: 240rpx;
			margin: auto;
			margin-top: 20rpx;
			position: relative;
			line-height: 240rpx;
			text-align: center;
			.p{
				display: inline-block;
				height:64rpx;
				line-height: 64rpx;
				padding-left: 20rpx;
				padding-right: 20rpx;
				margin: auto;
				font-size:32rpx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(34,34,34,1);
				background:rgba(255,255,255,1);
				border-radius:16rpx;
				position: relative;
				z-index: 5;
			}
			image{
				display: block;
				width: 662rpx;
				height: 240rpx;
				top: 0;
				left: 0;
				position: absolute;
				z-index: 1;
			}
		}
	}
</style>
